
/*
学习目标:JSX 中使用插值表达式-对象和数组
总结：React 中的插值表达式
1. 对象，不允许直接放JSX
2. 数组， React 中数组内的元素，会被当做一个个的虚拟DOM，会渲染出来
*/
import React from "react";
import ReactDOM from "react-dom";

const list = [<div key={1}></div>, <div key={2}></div>, <div key={3}></div>]
const obj = { name: '123' }
const h1Node = (
    <>
        <div>{obj.name}</div>
        <div>{list}</div>
        <div>hhh</div>
    </>
)



// 渲染元素
// ReactDOM.render(创建的React元素,真实DOM作为挂载点)
ReactDOM.render(h1Node, document.getElementById('root'))